// 导入 path模块
const path = require('path')
// 暴露 配置信息 给 webpack 打包工具去使用
module.exports = {
    // 打包入口 读取哪个文件进行打包
    // entry: './src/index.js',
    entry: './src/main.js',
    // 打包出口 打包的结果 放到什么位置
    output: {
        // 文件名
        filename: 'main.js',
        // 路径 生成绝对路径
        path: path.join(__dirname, 'dist')
    },
    // 打包模式为 开发
    mode: 'development',
    // 开发服务器
    devServer: {
        static: './dist', // 服务器根目录
        port: 3000, // 端口号
        open: true // 自动打开浏览器
    },
    module: {
        rules: [{
                test: /\.css$/,
                use: ['style-loader', 'css-loader']
            },
            {
                test: /\.(png|svg|jpg|jpeg|gif)$/i,
                type: 'asset/resource'
            }
        ]
    }
}